<%-- 
    Document   : ActualizarAlumno
    Created on : 03-ene-2012, 1:44:08
    Author     : Hades
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Actualizacion de Datos del Alumno</title>
          <link rel="stylesheet" type="text/css" href="css/style.css"/>
        <script language="JavaScript" type="text/javascript" src="js/jquery-1.7.1.js">
        </script>
        <script language="JavaScript" type="text/javascript" src="js/jquery.validate.js">
        </script>
        <script language="JavaScript" type="text/javascript" src="js/jquery.maskedinput-1.3.js">
        </script>
        <script>
         $(document).ready(function(){
         $("#formulario").validate(
          {
              rules:{control:{required:true},nombre:{required:true},nombrePaterno:{required:true},nombreMaterno:{required:true},edad:{required:true},semestre:{required:true},idCarrera:"required",direccion:{required:true}},
              messages:{control:"Ingrese numero de Control",nombre:"Ingrese su nombre",nombrePaterno:"Ingrese su apellido Paterno",nombreMaterno:"Ingrese apellido Materno",edad:"Ingrese la edad",semestre:"Ingrese el semestre",idCarrera:"Ingrese el ID de la Carrera",direccion:"Ingrese la Direccion"}
          }
        )
         });
         </script>
         <!-- 
         Script que utiliza mascaras de JQuery para validar
         -->
        <script type="text/javascript"> 
        jQuery(function($){
        $.mask.definitions['*']='[ ,a-z,A-Z,0-9]'; 
        $.mask.definitions['e']='[ ,a-z,A-Z]'; 
        $("#control").mask("99999999"); 
        $("#nombre").mask("aae?eeeeeeeeeeeeeeeeeeeeeeeeeeeee"); 
        $("#nombrePaterno").mask("aae?eeeeeeeeeeeeeeeeeeeeeeeee"); 
        $("#nombreMaterno").mask("aae?eeeeeeeeeeeeeeeeeeeeeeeeeee"); 
        $("#edad").mask("9?99"); 
        $("#semestre").mask("9?9"); 
         
        $("#direccion").mask("aa*?*********************************"); 
        }); 
        </script>
       
    </head>
    <body>
           <form id="formulario" name="formulario" method="post" action="ActualizarAlumnoServlet">
        <table align="center">
            <tr>
                <td colspan="2" align="center"><h1>Actualizar Datos<h1></td>
            </tr>
            <tr>
                <td># control</td>
                <td><input type="text" id="control" name="control" class="required"/></td>
            </tr>
            <tr>
                <td>nombre</td>
                <td><input type="text" id="nombre" name="nombre" class="required"/></td>
            </tr>
            <tr>
                <td>nombre paterno</td>
                <td><input type="text" id="nombrePaterno" name="nombrePaterno" class="required"/></td>
            </tr>
            <tr>
                <td>nombre materno</td>
                <td><input type="text" id="nombreMaterno" name="nombreMaterno" class="required"/> </td>
            </tr>
            <tr>
                <td>edad</td>
                <td><input type="text" id="edad" name="edad" class="required"/></td>
            </tr>
            <tr>
                <td>semestre</td>
                <td><input type="text" id="semestre" name="semestre" class="required"/></td>
            </tr>
              <tr>
                <td>Identificador de Carrera</td>
                <td>
                 <select class="required" id="idCarrera" name="idCarrera"> 
                     <option value="">Selecciona</option>
                     <option value="100">100-Sistemas</option> 
                     <option value="101">101-Industrial</option>
                     <option value="102">102-Electromecanica</option>
                     <option value="103">103-Gestion Empresarial</option>
                     <option value="104">104-Informatica</option>
                     <option value="105">105-Electronica</option>
                    
                 </select>
                </td>
            </tr>
             <tr>
                <td>Direccion</td>
                <td><input type="text" id="direccion" name="direccion" class="required"/></td>
            </tr>
            <tr>
                 <td colspan="2" align="center"><input type="submit" value="enviar" /></td>
             </tr>
        </table>
         </form>
    </body>
</html>

